<template>
  <div class="app">
    <foot
      :span1="span1"
      :span2="span2"
      :span3="span3"
      :span4="span4"
      :bg="'red'"
    ></foot>
    <foot
      :span1="'德玛'"
      :span2="'卡特'"
      :span3="'绿巨人'"
      :span4="'男刀'"
      :bg="'skublue'"
    ></foot>
  </div>
</template>
<script>
import foot from './components/footerCom.vue'
export default {
  name: '',
  components: {
    foot
  },
  data () {
    return {
      span1: '首页',
      span2: '店铺',
      span3: '旅游',
      span4: '我的',
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
</style>
